<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人网站</title>
    <link rel="stylesheet" href="css/dh.css">
    <style type="text/css">
        * {
            margin:0;
            padding:0;
        }
        body {
            background:url("images/back.jpg") no-repeat top center;
            padding:35px 0 0;
            margin:auto;
            text-align:center;
            background-size: cover;
        }
        .bdh {
            padding:10px; width:840px; height:560px;
            border: 5px solid #dedede;
            margin:10px auto;
            background-size:100% 100%;
            border-radius:150px;
            background-image: url("images/back1.jpg") ;
            background-color: rgba(255, 255, 255, 0.5);
            background-size: cover;
        }
        .bd{
            width:500px;
            height:400px;
            margin:80px auto;
            text-align: left;
            position:relative;
        }
        p{
            font-family: "黑体";
            font-size:30px;
            top:50px;
        }
        .footer {
            height: 40px;
            line-height: 40px;
            position: relative;
            bottom: 0;
            width: 100%;
            text-align: center;
            color: #000;
            font-family: Arial;
            font-size: 20px;
            letter-spacing: 1px;
        }

    </style>
</head>
<body>
<div class='ribbon'>
    <a href='AboutMe.html'><span>个人简介</span></a>
    <a href='PhotoWall.html'><span>个人相册</span></a>
    <a href='Comic.html'><span>个人爱好</span></a>
    <a href='Message.html'><span>欢迎留言</span></a>
</div>

<div class="bdh">
    <div class="bd">
        <p>&nbsp;&nbsp;&nbsp;&nbsp; <span style="color:red">心</span>的本色该是如此。
            <span style="color:red">成</span>，如朗月照花，深潭微澜，不论顺逆，不论成败的超然，是扬鞭策马，登高临远的驿站;
            <span style="color:red">败</span>，仍滴水穿石，汇流入海，有穷且益坚，不坠青云的傲岸，有“将相本无主，男儿当自强”的倔强。
            <span style="color:red">荣</span>，江山依旧，风采犹然，恰沧海巫山，熟视岁月如流，浮华万千，不屑过眼烟云;
            <span style="color:red">辱</span>，胯下韩信，雪底苍松，宛若羽化之仙，知退一步，海阔天空，不肯因噎废食。
        </p>
    </div>
</div>

<div class="footer">
    ©2020-2021 谢娇(6109118015) 版权所有
</div>
</body>
</html>